<!--
 * @Author: 九璃怀特 1599130621@qq.com
 * @Date: 2023-12-21 16:36:17
 * @LastEditors: 九璃怀特 1599130621@qq.com
 * @LastEditTime: 2023-12-22 13:33:24
 * @FilePath: \zxi-surface-guide\src\App.vue
 * @Description: 
 -->
<script setup lang="ts">
import BaseFrame from "~/BaseFrame/BaseFrame.vue";
import { getSizeRatio } from "./composables";

const defaultSize = getSizeRatio();

document.documentElement.style.fontSize = `${defaultSize}px`;

</script>

<template>
  <BaseFrame></BaseFrame>
</template>

<style lang="less">
html {
  font-size: 10px;
}
html,
body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  #app {
    height: 100%;
    width: 100%;
  }
}
</style>
